<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head>
<title>CloudCom</title>

<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<link rel="stylesheet" href="styles/computer.css" type="text/css"/>
<script type="text/javascript" src="scripts/computer.js"></script>

</head>
<body id="top">
<div id="header">
  <div class="wrapper">
    <div class="fl_left">
      <h1><a href="#">CloudCom</a></h1>
      <p>Make the Earth Smarter</p>
    </div>
    <div class="fl_right"> <a href="#"><img src="images/demo/banner1.jpg" alt="cloudcom" width="468" height="70"/></a> </div>
    <br class="clear" />
  </div>
</div>

<div id="topbar">
  <div class="wrapper">
    <div id="topnav">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="customerLogin.html">Customer</a></li>
        <li><a href="customer.php">Services</a></li>
        <li><a href="showCart.php">Cart</a>
        </li>
        <li class="active"><a href="login.html">Employees</a></li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>

<div id="breadcrumb">
  <div class="wrapper">
  	<p style="color:red" id="errorMsg">The field with label * is required</p>
  </div>
</div>

<div id="container">
  <div class="wrapper">
    <div id="content">
    	<div id="order">
                    
            <form method="post" name="login" action="login.php">
                <p><span class="redStar">*</span>Username: 
                <input type="text" class="rightAlign" name="username" maxlength="20"/></p>
                <p><span class="redStar">*</span>Password: 
                <input type="password" class="rightAlign" name="password" maxlength="20"/></p>
                <input type="submit" class="buttonStyle" value="Login" onmouseover="changeOn(this)" onmouseout="changeOff(this)"/>
            </form><br/>
            <a href='http://localhost:8888/cloudcom/register.html'>New employee please register here</a>

<div id="customerReport" style="display:none">
<p id="customerInfo"></p>
<p><input type="button" class="buttonStyle" value="Return to Customer Form" onmouseover="changeOn(this)" onmouseout="changeOff(this)" onclick="returnToCustomer()" /></p>
<table id="customerTable" border="1">
	<tr>
    	<thead class="theadStyle">
	    	<td>First Name</td>
    	    <td>Last Name</td>
        	<td>Email</td>
        	<td>Password</td>
        	<td>Zip</td>
        	<td>Order</td>
        </thead>
    </tr>
</table>
</div>

<div id="computerReport" style="display:none">
<p id="computerInfo"></p>
<p><input type="button" class="buttonStyle" value="Return to Order Report" onmouseover="changeOn(this)" onmouseout="changeOff(this)" onclick="returnToReport()" /></p>
<table id="computerTable" border="1">
	<tr>
    	<thead>
    		<td>Processor</td>
            <td>Memory</td>
            <td>Graphics Card</td>
            <td>Power</td>
            <td>Software</td>
    	</thead>
     </tr>
</table>
</div>



    </div>	
    </div>
    <br class="clear" />
  </div>
</div>

<div id="footer">
  <div class="wrapper">
  	<div class="footbox">
      <h2>About</h2>
      <ul>
        <li><a href="#">CloudCom</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">Announcements</a></li>
        <li><a href="#">Blogs</a></li>
        <li class="last"><a href="#">Contacts</a></li>
      </ul>
    </div>
    <div class="footbox">
      <h2>Support</h2>
      <ul>
        <li><a href="#">Premium Support</a></li>
        <li><a href="#">FAQs</a></li>
        <li><a href="#">Forums</a></li>
        <li><a href="#">Discussion</a></li>
        <li class="last"><a href="#">Support</a></li>
      </ul>
    </div>
    <div class="footbox">
      <h2>Developers</h2>
      <ul>
        <li><a href="#">Java</a></li>
        <li><a href="#">Mobile</a></li>
        <li><a href="#">PHP</a></li>
        <li><a href="#">Python</a></li>
        <li class="last"><a href="#">.Net</a></li>
      </ul>
    </div>
    <div class="footbox">
      <h2>Learn</h2>
      <ul>
        <li><a href="#">Case Studies</a></li>
        <li><a href="#">Whitepapers</a></li>
        <li><a href="#">Seminars</a></li>
        <li><a href="#">Tutorials</a></li>
        <li class="last"><a href="#">Webminars</a></li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>

<div id="copyright">
  <div class="wrapper">
    <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">www.cloudcom.com</a></p>
    <p class="fl_right"><a href="#">Reference OS Template</a></p>
    <br class="clear" />
  </div>
</div>

</body>
</html>

